@font-face{font-family: "Bebas";src: url("../font/BEBAS___-webfont.woff.ttf") format('opentype');font-weight: normal;font-style: normal
}
body{font-family:"Microsoft Yahei",Tahoma, Arial, Helvetica, STHeiti;height: 100%;background:#f7f7f7;color:#221d1d;position: relative;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#006FCD;}
::-moz-selection {color:#fff;background:#006FCD;}
::selection {color:#fff;background:#006FCD;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#666;text-decoration:none}
a:focus,a:hover {color:#323232;transition:none}
a.text-gray:hover{color:#666}
a.blocklink{display: block;border:1px solid #0000ff;}
p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.fixed {z-index:9999;}
.bg-gray{background:#f7f7f7}
.bg-green-gradient{background: linear-gradient(to left, #45C058, #006FCD)}

@keyframes fadein{from{opacity:0}to{opacity:1}}
.bg-sub{background:#43B3D9}
.bottom-bar{display:none;z-index:999;}
.ph{text-indent: -3000px; transform:scale(1);-webkit-transition:.3s;transition:.3s;padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
/* 英文字体begin */
.Bebas{font-family: 'Bebas';}
/* 英文字体end */

/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:60px;line-height:60px;clear:both;font-size:0}
/* 行距 end*/

.sidebar-l {margin-right:30px}
.sidebar-r {margin-left:0px;}
.container{max-width:1100px;}
.container-layout{max-width:1440px;}

.line-big{margin-left:-15px;margin-right:-15px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.line-large {margin-left:-20px;margin-right:-20px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:20px;padding-left:20px}

/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {position:absolute;top:50%;padding:0;text-align:left;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span {width:8px;height:8px;margin:0 5px;border-radius:50%;background:#ddd;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
.owl-carousel .owl-dots .owl-dot.active span {background:#006FCD;border-color:#006FCD;width:15px;border-radius:10px;}

/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:18px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:transparent;opacity:0;width:36px;height:36px;line-height:40px;top:50%;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;text-align:center;border-radius:50%;}
.owl-carousel .owl-nav .owl-prev {left:20px;right:auto;color:#fff;}
.owl-carousel .owl-nav .owl-next {right:20px;color:#fff;}
/* owl-carousel滚动插件 end */

/*轮换广告*/
.slides .img-box{padding-bottom:42%;transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
/*.slides .img-box{transition:.5s;display:block;min-height: calc(100vh - 200px);overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}*/
.slides .img-box strong{font-size:68px;line-height:70px;text-shadow: 3px 0 10px rgba(0,0,0,.6);color: #fff;display: block;margin-top:23%;}
.slides .img-box p{font-size: 48px;line-height:54px;text-shadow: 3px 0 10px rgba(0,0,0,.6);color: #fff;display: block;margin:20px 0 30px 0 ;}
.slides:hover .owl-nav .owl-next,.slides:hover .owl-nav .owl-prev{opacity:1;border:1px solid #fff;}
.slides .owl-dots {position:relative;top:-30px;margin-bottom:-30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/*轮换广告 end*/

.tab-normal .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-normal .tab .tab-nav li a {background:#fff;color:#626262;border-radius:30px;padding:0px 20px;height:50px;line-height:50px;margin:5px;display:block;border:0;font-size:16px;}
.tab-normal .tab .tab-nav .active a {background: linear-gradient(to left, #45C058, #006FCD);cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-normal .tab .tab-nav .active{background:none}
.tab-normal .tab .tab-nav .active a:hover {color:#FFF}
.tab-normal .tab .tab-nav li a:focus {outline:none;}
.tab-normal .tab .tab-nav li a:hover {background: #006FCD;color:#fff;}
.tab-normal .tab .tab-body{padding:0;border-radius:0;border-top:0}

.carousel-pro .media{position:relative;-webkit-transition:.5s;transition:.5s;margin:0 0 20px 0}
.carousel-pro .media:hover {-webkit-transition:.5s;transition:.5s;box-shadow:0px 5px 15px 5px rgba(0,0,0,.03);}
.carousel-pro .media .ph{padding-bottom:100%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent:-3000px;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.carousel-pro .media-body strong a{color:#323232;line-height:24px;font-size:16px;display: block;font-weight: 400}
.carousel-pro .owl-dots {position:relative;top:0px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%;}
.carousel-pro:hover .owl-nav .owl-prev,.carousel-pro:hover .owl-nav .owl-next {background:#006FCD;opacity:1;}
.carousel-pro .owl-nav .owl-prev {left:-20px;right:auto;}
.carousel-pro .owl-nav .owl-next {right:-20px;}
.carousel-pro .media:hover .media-body strong a{color:#006FCD;}

/*.design-diy .media-img .post-link {background:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.5s;}
.design-diy .media-img:hover .post-link{background:rgba(0,0,0,.6);transition:0.5s;}*/
.design-diy{overflow: hidden;}
.design-diy .media-img .post-zoom{transition:0.5s;padding-bottom:35%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;}
.design-diy .media-img .post-zoom .mask{background:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.5s;}
.design-diy .media-img:hover .post-zoom{transform: scale(1.02);transition:0.5s;}
.design-diy .media-img:hover .post-zoom .mask{background:rgba(0,0,0,.1)}
.design-diy .media-img .title{z-index:1;position:absolute;top:0;left:50%;width:60%;margin-left:-30%;}
.design-diy .media-img .title h2{display:block;margin-top:10%;font-size:42px;font-weight:600}
.design-diy .media-img .title p{font-size:16px;line-height:26px}

/* 上下结构TAB */
.tab-x .tab .tab-nav li {width:9%;border-radius:0px;}
.tab-x .tab .tab-nav li a {display: inline-block; cursor:pointer;font-size:15px;padding:0;border:0;color:#666}
.tab-x .tab-head{text-align:center}
.tab-x .tab .tab-nav li a span{display: inline-block;width:70px;height: 70px;border-radius: 40px;background: #fff}
/*.tab-x .tab .tab-nav li a:focus {outline:none;}*/
.tab-x .tab .tab-nav li a i{background:url(../images/product_icon.png) no-repeat;height:50px;width:50px;color:#666;display:block;margin:10px auto;}
.tab-x .tab .tab-nav li a p{display: block;margin-top:5px;}
.tab-x .tab .tab-nav li a:hover i{background:url(../images/product_icon_h.png) no-repeat}
.tab-x .tab .tab-nav li a:hover span{background: #007DE7;}
.tab-x .tab .tab-nav li.active a span{background: #007DE7;}
.tab-x .tab .tab-nav li.active a span i{background:url(../images/product_icon_h.png) no-repeat;}
.tab-x .tab .tab-nav li.active a p,.tab-x .tab .tab-nav li a:hover p{color:#007DE7;}

.tab-x .tab .tab-nav li a span i.icon-1,.tab-x .tab .tab-nav li a:hover i.icon-1{background-position:center 0}
.tab-x .tab .tab-nav li a span i.icon-2,.tab-x .tab .tab-nav li a:hover i.icon-2{background-position:center -50px}
.tab-x .tab .tab-nav li a span i.icon-3,.tab-x .tab .tab-nav li a:hover i.icon-3{background-position:center -100px}
.tab-x .tab .tab-nav li a span i.icon-4,.tab-x .tab .tab-nav li a:hover i.icon-4{background-position:center -150px}
.tab-x .tab .tab-nav li a span i.icon-5,.tab-x .tab .tab-nav li a:hover i.icon-5{background-position:center -200px}
.tab-x .tab .tab-nav li a span i.icon-6,.tab-x .tab .tab-nav li a:hover i.icon-6{background-position:center -250px}
.tab-x .tab .tab-nav li a span i.icon-7,.tab-x .tab .tab-nav li a:hover i.icon-7{background-position:center -300px}
.tab-x .tab .tab-nav li a span i.icon-8,.tab-x .tab .tab-nav li a:hover i.icon-8{background-position:center -350px}
.tab-x .tab .tab-body {border:0px;margin-top:0;padding:0;}

/* 左右结构TAB */
.tab-y .tab-left{width:18%;float:left;}
.tab-y .tab-right{width:82%;float:right;}
.tab-y .tab{border-radius:10px;box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.06);overflow: hidden}
.tab-y .tab .tab-nav li {width:100%;border-radius:0px;cursor:default;}
.tab-y .tab .tab-nav li a{height:102px;line-height:102px;font-size:16px;border:0;border-bottom:1px solid #B2D771;background: linear-gradient(to right, #45C058, #006FCD);color:#FFF;padding:0;border-radius:0;}
.tab-y .tab .tab-nav li a:focus {outline:none;}
.tab-y .tab .tab-nav li:first-child a {border-radius:0px;border-top-left-radius:10px;}
.tab-y .tab .tab-nav li:last-child a{border-bottom:1px solid #B2D771;border-radius:0px;border-bottom-left-radius:10px;}
.tab-y .tab .tab-nav li.active{position:relative;}
.tab-y .tab .tab-nav li.active:after{border-left:12px solid #45C058;z-index:3;position: absolute;top:40px;right:-12px;display:inline-block;border-top:12px solid transparent;border-bottom:12px solid transparent;content: ''; }
.tab-y .tab .tab-nav li.active a{margin:0;background: linear-gradient(to left, #45C058, #006FCD)}
.tab-y .tab .tab-nav li.active a:hover,.tab-y .tab .tab-nav li a:hover {color:#fff}
.tab-y .tab .tab-body {border-radius:0;border-top:0px;margin-top:0;padding:0;border-radius:0 10px 10px 0;}
.tab-y .tab .tab-body .padding-large{padding:40px 40px 5px 40px;}
/* 左右结构TAB end*/

.nav-carousel li a {display: inline-block;font-size:15px;padding:10px;color:#666;}
.nav-carousel li a span{display: inline-block;margin:0 auto;width:70px;height: 70px;border-radius: 40px;background: #fff}
.nav-carousel li.active a span{background: #007DE7}
.nav-carousel li.active p{color:#007DE7;}
.nav-carousel li.active a span i{background:url(../images/product_icon_h.png) no-repeat}
.nav-carousel li a p{margin-top: 5px;display: block}
.nav-carousel li a:hover p{color:#007DE7;}
.nav-carousel li a:hover span{background: #007DE7}
.nav-carousel li a span i{background:url(../images/product_icon.png) no-repeat;height:50px;width:50px;color:#666;display:block;margin:10px auto}
.nav-carousel li a:hover span i{background:url(../images/product_icon_h.png) no-repeat}

.nav-carousel li a span i.icon-1,.nav-carousel li a:hover span i.icon-1{background-position:0 0}
.nav-carousel li a span i.icon-2,.nav-carousel li a:hover span i.icon-2{background-position:0 -50px}
.nav-carousel li a span i.icon-3,.nav-carousel li a:hover span i.icon-3{background-position:0 -100px}
.nav-carousel li a span i.icon-4,.nav-carousel li a:hover span i.icon-4{background-position:0 -150px}
.nav-carousel li a span i.icon-5,.nav-carousel li a:hover span i.icon-5{background-position:0 -200px}
.nav-carousel li a span i.icon-6,.nav-carousel li a:hover span i.icon-6{background-position:0 -250px}
.nav-carousel li a span i.icon-7,.nav-carousel li a:hover span i.icon-7{background-position:0 -300px}
.nav-carousel li a span i.icon-8,.nav-carousel li a:hover span i.icon-8{background-position:0 -350px}

/*首页产品列表*/
.product-list-home .media{-webkit-transition:.3s;transition:.3s;border:1px solid #eee;margin-bottom:20px}
.product-list-home .media:hover {-webkit-transition:.3s;transition:.3s;border:1px solid #006FCD;;}
.product-list-home .media .media-body {padding:10px 20px 10px 20px;margin:0;}
.product-list-home .media .media-body strong{display: block;height: 50px;overflow: hidden}
.product-list-home .media .media-body strong a {font-size:15px;font-weight: 400}
.product-list-home .media:hover .media-body strong a {color:#006FCD;}

/* 首页新闻 */
.carousel-news .media{position:relative;}
.carousel-news .media .media-body {text-align:left;padding:20px 20px 30px 20px;z-index: 3;margin-top: 0}
.carousel-news .media .media-body strong a{font-size:16px;color:#666;display: block;height: 50px;margin-bottom: 10px;}
/*.carousel-news .media:hover .media-body{background: #006FCD}*/
.carousel-news .media:hover .media-body strong a,.carousel-news .media:hover .media-body p{color:#006FCD;}
.carousel-news .media .ph{padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px /*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.carousel-news .media .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,0);-webkit-transition:.5s;transition:.5s;}
.carousel-news .media:hover .ph{transform:scale(1.02);-webkit-transition:.3s;transition:.3s;}
/*.carousel-news .media:hover .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(157,204,73,.6);-webkit-transition:.5s;transition:.5s;}*/
.carousel-news:hover .owl-nav .owl-prev,.carousel-news:hover .owl-nav .owl-next {background:#006FCD;opacity:1;color:#fff;}
.carousel-news .owl-nav .owl-prev {left:-20px;}
.carousel-news .owl-nav .owl-next {right:-20px;}
.carousel-news .owl-dots {position:relative;top:30px;margin-bottom:-30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/* 首页新闻 end*/

/* 首页关于我们 */
.home-advantage .advl{height:600px;overflow: hidden;padding:120px;overflow: hidden}
.home-advantage .advl strong{position:relative;font-size:64px;font-weight:600;margin-bottom:50px;display: block;}
.home-advantage .advl p{line-height:30px;font-size:16px}

.home-advantage .advr{height:300px;line-height:300px;overflow: hidden;padding:0 50px;}
.home-advantage .advr strong{position:relative;font-size:36px;font-weight:600;margin-bottom:20px;display: block;}
.home-advantage .advr p{line-height:30px;font-size:16px}

.gradient-text {
  position: relative;
  display: inline-block;
  background: linear-gradient(to left, #006FCD, #018BFF);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.countUp i{font-style:normal;}
.countUp .media{position:relative;-webkit-transition:.5s;transition:.5s;}
.countUp .counter{font-size:72px;font-weight: 600;padding-top:10px;}
.countUp span{font-weight:normal;font-size:36px;}
.countUp p{line-height:24px;}

/* 关于我们-动画数字 */
.home-date .suzi{font-size:64px;font-family:Times New Roman;display: inline-block;}
.home-data .v-line{border-right:1px solid #eee;}
.home-data .v-line:last-child{border-right:0}
.home-data i{font-style:normal;font-size:64px;}
.home-data span{font-size:36px;}
/* 关于我们-动画数字 end*/

/* 首页关于我们 */

/*合作伙伴 logo*/
.partners-style1 ul {border-right:1px solid #f2f2f2;border-top:1px solid #f2f2f2;border-collapse:collapse;}
.partners-style1 ul li .list-li{padding:10px 50px;overflow:hidden;border-left:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;border-top:1px solid transparent;margin-left:-1px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.partners-style1 ul li .list-li:hover {-webkit-box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.06);box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.06);z-index:2;position:relative;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.partners-style1 ul li .list-li img {margin:0 auto;}
/*-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);*/
.partners-style1 ul li .list-li img:hover {opacity:1;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}
/*合作伙伴 logo end*/

/* 滚动资质 */
.honour .media {-webkit-transition:.5s;transition:.5s;}
.honour .media .ph{padding-bottom:142%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.honour .media-body {text-align:center;padding:10px}
.honour .media-body h2 a {line-height:24px;font-size:16px;color:# ;}
.honour .media:hover .media-body h2 a {color:#006FCD;}
.honour .media:hover .media-body p {color:#626262}
.honour:hover .owl-nav .owl-prev,.honour:hover .owl-nav .owl-next {background:#006FCD;opacity: 1;}
.honour .owl-nav .owl-prev {left:-20px;}
.honour .owl-nav .owl-next {right:-20px;}
/* 滚动资质 end*/

.about-pic-down {position:relative;overflow: hidden;}
.about-pic-down .content{padding:50px;right:0;left:50%;top:50px;bottom:50px;position:absolute;background:rgba(255,255,255,.9);box-shadow:0 1px 2px 1px rgba(0,0,0,.06)}
.about-pic-down .content h2{font-size:32px;font-weight: 600;display: block;margin-bottom: 20px}
.about-pic-down .content p{line-height: 30px;font-size: 16px}

.about-pic-grid .media .media-body{background: #007DE7;font-size:15px;color:#fff;margin:0;height:180px;}
.about-pic-grid .media .media-body strong{font-size:18px;color:#fff;display: block;margin-bottom: 10px;}
.about-pic-grid .media:hover .media-body{color:#fff;background: #006FCD;}
.about-pic-grid .media:hover .media-body strong{color:#fff;}

/* 图文左右交X */
.about-pic-left dl dt {float:left;display:block;width:50%;font-weight:normal;position:relative;}
.about-pic-left dl dd {float:left;display:block;width:50%;}
.about-pic-left dl dd .content{padding:10px 0 10px 50px;}
.about-pic-left dl dd .content h2{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.about-pic-left dl dd .content strong{font-size:16px;display: block;margin: 10px 0 0 0}
.about-pic-left dl dd .content p{line-height: 30px;font-size: 16px;font-weight: 400}
/* 图文左右交X */

/* 图文左右交X */
.about-pic-right dl dd {float:left;display:block;width:50%;}
.about-pic-right dl dt {float:left;display:block;width:50%;}
.about-pic-right dl dt .content{padding:10px 50px 10px 0;}
.about-pic-right dl dt .content h2{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.about-pic-right dl dt .content strong{font-size:16px;display: block;margin: 10px 0 0 0}
.about-pic-right dl dt .content p{line-height: 30px;font-size: 16px;font-weight: 400}
/* 图文左右交X */

.advantage {position:relative;}
.advantage .pic{padding-right:20%;}
.advantage .ph{padding-bottom:56%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;transition:.5s;}
.advantage .tit{position: absolute;padding:30px;right:0;top:50px;bottom:-30px;width:35%;;z-index: 9;font-size:15px;}
.advantage .tit p,.advantage .team p{line-height: 28px}
.advantage .tit h2{font-size:20px;font-weight:600;display: block;margin-bottom: 20px}
.advantage .team{position: absolute;padding:30px;right:0;top:50px;bottom:-30px;width:30%;;z-index: 9;font-size:15px;}
.advantage .team h2{font-size:20px;font-weight:600;display: block;margin-bottom: 20px}
.advantage .owl-dots {position:relative;top:20px;text-align:center;display:inline-block;width:100%;}

.advantage-home .pic{padding-right:20%;}
.advantage-home .pbh{padding-bottom:45%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;transition:.5s;}
.advantage-home .tit{position: absolute;padding:80px 50px;right:0;top:50px;bottom:-30px;width:30%;;z-index: 9;font-size:15px;}
.advantage-home .tit p{line-height: 28px}
.advantage-home .owl-dots {position:relative;top:20px;text-align:center;display:inline-block;width:100%;}

.ico-x .media span{display:block;width:48px;height:48px;}
.ico-x .media span i{font-size:36px;line-height: 48px}
.ico-x .media-body strong {font-size:20px;font-weight:400;line-height: 48px}
.ico-x .media:hover .media-body strong a {color:#EF0101}


/* 图文左右交X */
.excerpt-dang dl.margin-big-bottom{margin-bottom:60px}
.excerpt-dang dl dt{display:block;width:50%;font-weight:normal;position:relative;}
.excerpt-dang dl dt i{font-size:24px;}
.excerpt-dang dl dt h2{font-size:36px;font-weight:600;margin-bottom:20px}
.excerpt-dang dl dt p{line-height:32px}
.excerpt-dang dl dt .button{border:1px solid #006FCD;padding:10px 30px;}
.excerpt-dang dl dt:hover .button{background: #006FCD;color:#fff;}

.excerpt-dang dl dd {display:block;width:50%;}
.excerpt-dang dl:nth-child(2n+0) dt {float:right;}
.excerpt-dang dl:nth-child(2n+0) dt .padding{padding:50px 80px;}
.excerpt-dang dl:nth-child(2n+1) dt {float:left}
.excerpt-dang dl:nth-child(2n+1) dt .padding{padding:50px 80px}
.excerpt-dang dl:nth-child(2n+0) dd {float:left}
.excerpt-dang dl:nth-child(2n+1) dd {float:right}
/* 图文左右交X */

.dialog {width:100%;border:0;margin:0 auto;box-shadow:0 5px 15px rgba(99,107,151,0.1);position:relative;border-radius:10px;overflow:hidden}
.dialog .dialog-head{padding:15px 0 13px 30px ;border-bottom: 1px solid #ebebeb;background-color: #FFF;border-radius:10px 10px 0 0;}
.dialog .dialog-head strong{font-size:16px;font-weight: 400;}
.dialog .close{position:absolute;font-size:30px;right:20px;top:10px;color:#999;z-index:9}
.dialog .close:hover{color:#006FCD}
.dialog .dialog-body{padding:30px;}
.dialog .dialog-body strong {font-size:16px;margin:10px 0;display: block}
.dialog .dialog-body ul.list-paddingleft-2 {padding:0}
.dialog .dialog-body ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.dialog .dialog-body ul li p {line-height:24px}
.dialog .dialog-body ul li:before {content:'';position:absolute;top:9px;left:0px;background:#FFF;width:8px;height:8px;border-radius:50%;}

/*单页*/
.single_pic{position:relative;overflow: hidden;border-radius: 0 4px 4px 0}
.single_pic img{max-width: 100%;}
.single_pic .pic-1{position:absolute;width:90%;top:50px;right: 30px}
.single_pic .pic-2{position:absolute;z-index:2;width:50%;right:0px;top:0px}
.single_pic .pic-3{position:absolute;z-index:3;width:40%;left:0px;top:380px}
.single_pic .pic-4{position:absolute;z-index:4;width:78%;left:50px;top:200px}

.single_content{padding:40px;position:relative;z-index: 3;}
.single_content h2{font-size:24px;text-transform:Uppercase;}
.single_content p{font-size:16px;margin-bottom: 10px;line-height: 32px}
.single_content ul.list-paddingleft-2 {padding:0}
.single_content ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.single_content ul li p {line-height:24px;margin-bottom:5px}
.single_content ul li:before {content:'';position:absolute;top:9px;left:0px;background:#006FCD;width:7px;height:7px;border-radius:50%;}
/*单页*/

.history-banner {position:relative;background-repeat:no-repeat;background-position:center 50%;background-size:cover;margin:0;padding:0;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/

.history{position:relative;}
.history:after{position:absolute; content:"";background-color:rgba(255,255,255,1);height:2px; width:100%;left:0;right:0;top:100px;z-index: 3}

.history .item .titime{position: relative;}
.history .item .titime h2{font-family: "Bebas";font-size:48px;}
.history .item .titime h2:after{position:absolute; content:""; border:2px solid #fff; background: #fff;height:18px; width:18px;border-radius:50%;bottom:-53px;left:0;right:0;text-align:center; margin:0 auto;transition:all .3s;}

.history .item .hiscon{margin-top:100px;font-size:15px;padding:30px;background:#007DE7;height: 180px;transition:all .3s;}
.history .item:hover .hiscon{background:#006FCD;color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;transition:all .3s;}
.history .item:hover .titime h2:after{position:absolute; content:""; height:20px; width:20px;transition:all .3s;}

.history .owl-nav .owl-prev,.history .owl-nav .owl-next {background:#006FCD;opacity:1;top:100px;}
.history:hover .owl-nav .owl-prev,.history:hover .owl-nav .owl-next {background:#018BFF;opacity:1;}
.history .owl-nav .owl-prev {left:-36px;right:auto;}
.history .owl-nav .owl-next {right:-36px;}

/* 文字列表 */
.normal-list li{position:relative;display:block;padding:0 0 0 20px;line-height:40px;height:40px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{font-size:16px;color:#006FCD;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#999;}
.normal-list li:hover a{color:#006FCD;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li:hover span{color:#006FCD}
.normal-list li:hover:before {background:#006FCD;}
.normal-list li:before {content:'';position:absolute;top:16px;left:0px;background:#ccc;width:6px;height:6px;border-radius:50%}

/* 案例 */
.project-home .media-img {position:relative;overflow:hidden;margin-bottom:20px}
.project-home .media-img .ph{transition:.5s;padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.project-home .media-img .ph150{transition:.5s;padding-bottom:132%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px}
.project-home .media-img:hover .ph,.project-home .media-img:hover .ph150{transform:scale(1.1);-webkit-transition:.5s;transition:.5s}
.project-home .media-img:after {background:linear-gradient(to bottom,rgba(4,0,51,0) 0%,rgba(4,0,51,0.1) 76%,rgba(4,0,51,0.75) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.5s;}
.project-home .media-img:hover:after {background:rgba(4,0,51,0.6);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.project-home .media-img .post-link {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.project-home .media-img .tit {bottom:20px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.5s;padding:0 20px;}
.project-home .media-img:hover .tit {bottom:40px;}
.project-home .media-img .tit strong a {display:block;}
.project-home .media-img span{display: inline-block;}
/* 案例 end */

/* 路径 */
.nav-bread {padding:0;height:60px;line-height:60px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread a{color:#999;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#006FCD}
.nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* 路径 */

/*分页 begin*/
.pagination li {display:inline-block;border-radius:5px;}
.pagination li i{font-weight:600;} 
.pagination li a,.pagination li span{border-radius:5px;color:#98A6AD;background:#fff;padding:9px 14px;display:block;margin:4px;}
.pagination li a:hover,.pagination li.active a,.pagination li .current{background:#006FCD;color:#fff;}
/*分页 end*/

/* 标题样式-居中 */
.title-c{position:relative;margin:0}
.title-c strong{position:relative;font-size:36px;margin-bottom:10px;font-weight:600;display: block}
.title-c p{font-size:15px;display: block;margin-top:30px;line-height: 30px;color:#626262;}
.title-c h2{position:relative;font-size:32px;font-weight:400;}
.title-c h2:before{background:#D90F11;content:'';display:block;position:absolute;width:30px;height:5px;bottom:-10px;left:50%;margin-left:-15px;}

.hasLine {position: relative;height: 3px;width:40px;margin:0 auto;}
.hasLine::before {position: absolute;content: '';height: 3px;background: #006FCD;bottom: 0;width: 50%;right: 0;}
.hasLine::after {position: absolute;content: '';height: 3px;background: #A1CE00;bottom: 0;width: 50%;left: 0;}

/*产品列表*/
.product_ph{padding-bottom:100%;transition:.5s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.product-list .media{-webkit-transition:.3s;transition:.3s;margin-bottom:30px}
.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(4,0,51,.05);}
.product-list .media .media-body {padding:10px 20px 10px 20px;margin:0;}
.product-list .media .media-body strong{display: block;overflow: hidden;line-height:50px;}
.product-list .media .media-body strong a {font-size:15px;font-weight: 400}
.product-list .media .media-body p {color:#626262;line-height:28px;font-size:14px}
.product-list ul li {padding:5px 0 5px 15px;position:relative;font-size:14px;color:#939393}
.product-list ul li:before {content:'';position:absolute;top:13px;left:0px;background:#006FCD;width:5px;height:5px;border-radius:50%;}
.product-list .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F9F9F9;color:#626262;border:1px solid #eee}
.product-list .media:hover .button {background:#2684FE;color:#FFF;border:1px solid #2684FE}
.product-list .media:hover .media-body strong a {color:#006FCD;}
.product-list .media:hover .media-body p {color:#626262}

/* 横向导航2 */
.nav-x-button{position:relative;margin:0 auto;}
.nav-x-button ul{padding:0; margin:0;font-size:0;-webkit-text-size-adjust:none;text-align:center}
.nav-x-button li{display:inline-block;}
.nav-x-button li a{line-height:60px;padding:0 30px;position:relative;color: #666;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.06);text-align:center;display:block;font-size: 15px}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#fff;background: linear-gradient(to left, #006FCD, #018BFF);}
/*.nav-x-button li:first-child a {border-radius:10px 0 0 10px;}
.nav-x-button li:last-child a{border-radius:0 10px 10px 0;}*/
/* 横向导航2 */

/* 分类 */
.nav-x{position:relative;margin-top:-36px;background: #fff;border-radius: 6px;overflow: hidden;-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);}
.nav-x .nav-split li {border-right:solid 1px #f2f2f2}
.nav-x .nav-split li:last-child{border-right: 0}
.nav-x .nav li.active ul li a {color:#fff;}
.nav-x .nav li.active a i{color:#006FCD}
.nav-x .nav li a{height:72px;line-height:72px;color:#666;position:relative;padding:0 15px;font-size:16px;font-weight:400}
/* .nav-x .nav li:last-child a{padding:0 0 0 25px;} */
.nav-x .nav li ul li{border-right:solid 0 #F9F9F9}
.nav-x .nav li ul li a:hover{color:#45C058}
/*.nav-x .nav li:first-child a {border-radius:10px 0 0 10px;}
.nav-x .nav li:last-child a{border-radius:0 10px 10px 0;}*/

.nav-x .nav li.active a,.nav-x .nav li a:hover{color:#fff;background: #006FCD}
.nav-x .nav li ul{padding:0;top:100%;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x .nav li ul li a {font-size:15px;background:#FFF;width:100%;height:50px;line-height:50px;color:#006FCD;;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .nav li.active ul li a {color: #FFF;background: #006FCD}
.nav-x .nav li ul li a.active{color:#006FCD;}
.nav-x .nav li ul li a.active:hover{color:#45C058}
.nav-x .nav li.active ul li a:hover{color:#45C058}
.nav-x .nav i {line-height:70px;color:#fff}

.job-list{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.job-list:hover{box-shadow:0 10px 35px -10px rgba(0,0,0,0.1);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.job-list dt{font-weight:normal}

/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;position:relative}
.list-post-text li.dot:hover a:before {background:#006FCD;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表  end*/

/* =====================产品详细begin =====================*/

.excerpt-x dl{margin-bottom:30px}
.excerpt-x dl dt{display:block;width:60%;font-weight:normal;position:relative;}
.excerpt-x dl dt strong{font-size:18px;font-weight:600;margin-bottom:20px;display: inline-block; padding:10px 25px;}
.excerpt-x dl dt p{line-height:28px;margin-bottom: 10px}
.excerpt-x dl dt ul li{position: relative;padding-left:15px;color:#666}
.excerpt-x dl dt ul li:before{ content:''; position:absolute; left:0;top:12px; background:#00AAEE;width:6px; height:6px;border-radius:50%;}

.excerpt-x dl dt .table th {border-bottom:1px solid #E2E9F3;min-width:100px;}
.excerpt-x dl dt .table td {border-top:1px solid #E2E9F3;color:#666}
.excerpt-x dl dt .table-bordered th,.table-bordered td {border:solid 1px #E2E9F3}
.excerpt-x dl dt .table-bordered th {border-bottom:1px solid #E2E9F3}
.excerpt-x dl dt .table-bordered tr:nth-child(2n+1) td{background: #D5ECFC}
.excerpt-x dl dt .table-bordered tr:nth-child(2n+0) td{background: #F5FBFE}
.excerpt-x dl dd {display:block;width:40%;}
.excerpt-x dl:nth-child(2n+0) dt {float:right;}
.excerpt-x dl:nth-child(2n+0) dt .padding{padding:50px}
.excerpt-x dl:nth-child(2n+1) dt {float:left}
.excerpt-x dl:nth-child(2n+1) dt .padding{padding:50px}
.excerpt-x dl:nth-child(2n+0) dd {float:left}
.excerpt-x dl:nth-child(2n+1) dd {float:right}

.product-des{padding:30px 0 0 80px}
.product-des h1{font-size:32px;font-weight: 600}
.product-des ul li {padding:0 0 5px 20px;position:relative;font-size:15px;}
.product-des ul li p {line-height:24px}
.product-des ul li:before {content:'';position:absolute;top:9px;left:0px;background:#006FCD;width:6px;height:6px;border-radius:50%;}

/* 产品详情TAB begin */
.product-overview .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.product-overview .tab .tab-nav li {display:inline-block;width:10%;}
/* .product-overview .tab .tab-nav li:last-child {margin-right:0px} */
.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#626262;padding:24px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:20px;text-align:center;}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#006FCD;background:#FFF;border-bottom:3px solid #006FCD;}
.product-overview .tab .tab-nav li a,.product-overview .tab .tab-nav .active a:focus {outline:none;}
.product-overview .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ddd;}
/* 产品详情TAB END */

.product-overview .content strong{font-size:16px;margin:10px 0}
.product-overview .content .table th {border-bottom:1px solid #E2E9F3;min-width:100px;min-height: 54px}
.product-overview .content .table td {border-top:1px solid #E2E9F3;color:#666;padding:10px;}
.product-overview .content .table-bordered th,.table-bordered td {border:solid 1px #E2E9F3;padding:10px;}
.product-overview .content .table-bordered th {border-bottom:1px solid #E2E9F3}

.product-overview .content p{font-size:16px;line-height:28px;margin-bottom:10px}
.product-overview .content img{max-width:100%;margin:0 auto;}
.product-overview .content a{text-decoration:none;border-bottom:1px solid #0053c4;color:#0053c4}
.product-overview .content a:hover{color:#e7161a;border-bottom:0 solid #e7161a}
.product-overview .content .text-right{text-align:right}
.product-overview .content ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.product-overview .content ul li p{line-height:28px}
.product-overview .content ul li:before{content:'';position:absolute;top:12px;left:0;background:#006FCD;width:6px;height:6px;border-radius:50%}

.attribute dl{float:left;margin-right: 10px}
.attribute dt{font-weight: 400}

/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block}
.product-thumb .item img{border:1px solid #ebebeb}
.product-thumb .item:hover img{border:1px solid #006FCD}
.product-thumb .owl-nav .owl-next,.product-thumb .owl-nav .owl-prev{background:#006FCD;width:24px;height:24px;line-height:26px;}
.product-thumb .owl-nav .owl-prev{left:-12px;}
.product-thumb .owl-nav .owl-next{right:-12px;}
.product-thumb .owl-nav i{font-size:18px;color:#fff;}
.product-thumb:hover .owl-nav .owl-prev,.product-thumb:hover .owl-nav .owl-next {opacity: 1;}
/* 放大镜 end */

/*相关产品 begin*/
.product-related .media .media-body {padding:0}
.product-related .media .media-body strong{height:50px;margin:0;}
.product-related .media .media-body strong a {font-size:16px;font-weight: 400}
.product-related .media .media-body p {color:#006FCD;line-height:30px;font-size:15px}
.product-related .media:hover .media-body strong a {color:#006FCD;}
.product-related .owl-dots {position:absolute;top:-30px;right:0;padding:0;text-align:right;display:inline-block;width:100%;}

/* =====================产品详细end===================== */

/* 内容 begin */
.article{overflow:hidden}
.article .padding-large{padding:30px 50px}
.article .post h1{font-size:32px;font-weight:600;line-height:36px;color:#323232}
.article .post h2{font-size:22px;font-weight:600;margin:10px 0}
.article .post h3{font-size:18px;font-weight:600;margin:10px 0}
.article .post hr{margin:10px 0;height:1px;background: #EBEBEB}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.article .post img{max-width:100%;margin:0 auto;}
.article .post a{text-decoration:none;border-bottom:1px solid #0053c4;color:#0053c4}
.article .post a:hover{color:#e7161a;border-bottom:0 solid #e7161a}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.article .post ul li p{line-height:28px}
.article .post ul li:before{content:'';position:absolute;top:12px;left:0;background:#006FCD;width:6px;height:6px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#999}
/* 内容 end */

.channel-banner {height:550px;position:relative;background-repeat:no-repeat;background-position:center 50%;background-size:cover;margin:0;padding:0;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.channel-banner .banner-info {margin-top:250px;overflow: hidden;}
.channel-banner .banner-info strong{font-size:54px;color:#fff;font-weight:600;position:relative;display: inline-block;text-shadow: 1px 0 3px rgba(0,0,0,.3);}

/* 底部地图版权 begin*/
.f-banner {padding:30px 0;position:relative;}
/*.f-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.f-banner strong{font-size:36px;display: block;font-weight: 400}
.f-banner .button{padding:15px 50px;}
/*background-image:url(../images/bg_footer.png);background-size:auto 600px;background-repeat:no-repeat;background-position:right 0;*/
footer{padding:80px 0 0 0;background-color:#006FCD;}
footer h3{font-size:16px;color:#fff;margin-bottom:20px;font-weight:600}
footer ul li.block{float:left}
footer ul li.block-0{width:37%;}
footer ul li.block-0 .padding-right{padding-right:20px;;}
footer ul li.block-1{width:18%}
footer ul li.block-2{width:18%}
footer ul li.block-3{width:18%}
footer ul li.block-4{width:9%;}

footer ul li ul li a{line-height:32px;color:#f7f7f7}
footer ul li ul li.row a{line-height:32px;height:32px;width:40%;float:left;}
footer ul li ul li a:hover{color:#fff}

footer .contact{padding-right:50px;}
footer .contact .media {margin:0 0 20px 0;}
footer .contact .media span{height:28px;}
footer .contact .media i{line-height:28px;font-size:16px;color:#fff;}
footer .contact .media .media-body a,footer .contact .media .media-body{padding:0;color:#f7f7f7;}
footer .contact .media .media-body .text-large{font-size:24px;padding-top:5px;}

footer .about{padding:30px 150px 0 0;line-height:24px;color:#fff}
footer .copyright{margin:50px 0 0 0 ;line-height:80px;color:#fff;border-top:1px solid #018BFF;}
footer .copyright a{color:#fff}
footer .design{position:relative}
footer .qrimg{display: block;color:#fff;}

footer .foot-link{line-height:32px}
footer .foot-link a{display:block;float:left;margin-left:30px;font-size:14px;color:#EEDBDB}
footer .foot-channel{line-height:32px}
footer .foot-channel a{display:block;float:left;margin:0 30px;font-size:14px}
footer .foot-channel a:hover,footer .foot-link a:hover{color:#f7f7f7;transition:all .3s}

#friend{position:relative;z-index:999;float:right;margin-left:20px;}
#friend a{display:block;}
#friend a:hover{color:#fff}
#friend ul{padding:10px;min-width:160px;border:1px solid #018BFF;background:#018BFF;bottom:50px;display:none;right:0;overflow:hidden;position:absolute}
#friend ul li a{display:block;line-height:26px}

.social-button a{display:inline-block;background:#FD9E14;color:#fff;width:42px;height:42px;line-height:42px;margin-right:10px}
.social-button a.weixin{position:relative}
.social-button a.weixin .wx{display:none}
.social-button a.weixin:hover .wx{position:absolute;display:block;top:-112px;left:-28px;width:102px;height:102px;background:#fff;padding:2px}
.social-button a.weixin .wx:after{position:absolute;bottom:-8px;left:40px;display:inline-block;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}
/* 底部地图版权 end*/

/*悬浮客服 begin*/
.kefu{position:fixed;width:48px;right:20px;top:50%;z-index:999;border-radius:80px;padding:15px 0px;box-shadow:0px 5px 10px 0px rgba(0,0,0,.3);
background:#FEA90E;
background: linear-gradient(0deg,#FEA90E 0,#FED90E 100%);
background: -moz-linear-gradient(90deg,#FEA90E 0,#FED90E 100%);}
.kefu ul li{width:48px;float:left;position:relative;transition:all .3s;cursor:pointer;margin:10px 0}
.kefu ul li i{font-size:18px}
.kefu ul li.sidewx .wxBox.son{left:-150px;width:150px;padding:10px;display:none;position:absolute;top:0;box-shadow:0px 0 10px 0 rgba(0,0,0,.1)}
.kefu ul li.sidetel .telBox.son{left:-180px;width:200px;padding-right:20px;display:none;text-align:left;position:absolute;top:0px;}
.kefu ul li.sidetel .telBox .post{position:relative;padding:15px 10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:5px}
.kefu ul li.sidetel .telBox .post:after,.kefu ul li.sidewx .wxBox.son:after{border-left:6px solid #fff;z-index: 3;position: absolute;top:25px;right:-6px;display: inline-block;border-top:6px solid transparent;border-bottom: 10px solid transparent;content: '';}
.kefu ul li.sidetel .telBox .post .media {padding:5px 0;}
.kefu ul li.sidetel .telBox .post .media.media-x .float-left{margin-left:0px}
.kefu ul li.sidetel .telBox .post .media i{font-size:24px;}
.kefu ul li.sidetel .telBox .post .media .media-body {padding:0;margin:0px;}
.kefu ul li.gotop{margin-top:5px}
.kefu ul li.gotop:hover{opacity:.8;filter:Alpha(opacity=80);z-index:0}
.kefu ul li:hover .son{display:block!important;animation:fadein 1s}
/*悬浮客服 end*/

#m-b-bar{display:none;}
@media screen and (max-width:1440px){
.container-layout{max-width:98%;}
}

/* 移动端开始 */
@media screen and (max-width:768px){

.blank-small,.blank-middle{height:10px;line-height:10px}
.blank-big{height:20px;line-height:20px}
.blank-large{height:50px;line-height:50px}

.padding-large{padding:20px}
.container-layout{max-width:100%;}
.line-big{margin-left:-10px;margin-right:-10px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:10px;padding-left:10px}

.line-large {margin-left:-10px;margin-right:-10px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px}

/* 首页轮播 */
.slides .img-box{padding-bottom:86%;}
.slides .img-box strong{font-size:36px;line-height:40px;margin-top:35%;}
.slides .img-box p{font-size: 24px;line-height:28px;margin:10px 0 ;}

.product-list .media {margin-bottom:10px;}
.product-list .media .media-body {padding:10px}

.product-des{padding:30px 0 0 0}
.product-des h1{font-size:24px;0}

/* 产品详细页 */
.product-overview .tab .tab-nav li {display:inline-block;width:30%;}
.product-overview .tab .tab-nav li a {padding:15px 0;font-size:18px;}
.product-overview .tab .tab-body {padding:20px 0}

.nav-x-button{margin:20px auto;}
.nav-x-button li a{line-height:60px;padding:0 20px;}

.nav-x .nav-split li {border-right:solid 0px rgba(4,0,51,.06)}
.nav-x ul{border-radius:5px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px;}
/*.nav-x ul:after{position: absolute;top:0;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
*/
.nav-x .nav li a{height:50px;line-height:50px;}
.nav-x .nav li ul{padding:0;top:100%;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x .nav li ul li a {font-size:15px;background:#FFF;width:100%;height:36px;line-height:36px;color:#626262;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .button {background:#FFF;border:1px solid #f7f7f7;border-radius:5px;padding:15px 20px;margin:20px 0;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.nav-x .button.border-white:hover, .nav-x .button.border-white:focus, .nav-x .button.bg-white:hover, .nav-x .button.bg-white:focus{color: #006FCD;border-color: #FFF;background-color: #FFF;}

.design-diy .media-img .post-zoom{padding-bottom:70%;}
.design-diy .media-img .title{top:0;left:50%;width:90%;margin-left:-45%;}
.design-diy .media-img .title h2{margin-top:12%;font-size:20px;}
.design-diy .media-img .title p{font-size:14px;line-height:24px}

/*上下结构tab*/
.tab-x .tab-head{text-align:left}
.tab-x .tab .tab-nav li {width:24%;overflow:hidden;background:#f8f8f8;text-align:center;margin:1px 0}
.tab-x .tab .tab-nav li a, .tab-x .tab .tab-nav li.active a {padding:10px 5px;height:100px;}
.tab-x .tab .tab-nav li a p{height:40px;line-height:18px}

.tab-x .tab .tab-body {margin-top:10px;}
.tab-x .tab .tab-nav li.active a i{border:0px solid #FF9E00;background:url(../images/m_product_icon_h.png) no-repeat}
.tab-x .tab .tab-nav li a i{background:url(../images/m_product_icon.png) no-repeat;height:40px;width:40px;display:block;}
.tab-x .tab .tab-nav li a:hover i{background:url(../images/m_product_icon_h.png) no-repeat}
.tab-x .tab .tab-nav li a i.icon-1,.tab-x .tab .tab-nav li a:hover i.icon-1{background-position:0 0}
.tab-x .tab .tab-nav li a i.icon-2,.tab-x .tab .tab-nav li a:hover i.icon-2{background-position:0 -40px}
.tab-x .tab .tab-nav li a i.icon-3,.tab-x .tab .tab-nav li a:hover i.icon-3{background-position:0 -80px}
.tab-x .tab .tab-nav li a i.icon-4,.tab-x .tab .tab-nav li a:hover i.icon-4{background-position:0 -120px}
.tab-x .tab .tab-nav li a i.icon-5,.tab-x .tab .tab-nav li a:hover i.icon-5{background-position:0 -160px}
.tab-x .tab .tab-nav li a i.icon-6,.tab-x .tab .tab-nav li a:hover i.icon-6{background-position:0 -200px}
.tab-x .tab .tab-nav li a i.icon-7,.tab-x .tab .tab-nav li a:hover i.icon-7{background-position:0 -240px}
.tab-x .tab .tab-nav li a i.icon-8,.tab-x .tab .tab-nav li a:hover i.icon-8{background-position:0 -280px}

.tab-normal .tab .tab-nav li {display:block;width:50%;float:left;text-align:center}
.tab-y .tab-left{width:100%;float:none;}
.tab-y .tab-right{width:100%;float:none;}
.tab-y .tab .tab-nav li{margin:0;float:left;width:33.33333333%;}
.tab-y .tab .tab-nav li a {border-right: 1px solid #17E3BA}
.tab-y .tab .tab-nav li:first-child a {border-radius:12px 0 0 0;}
.tab-y .tab .tab-nav li:last-child a{border-radius:0 0 12px 0;border-right: 0}
.tab-y .tab .tab-nav li:nth-of-type(3) a{border-radius:0 12px 0 0;}
.tab-y .tab .tab-nav li:nth-last-of-type(3) a{border-radius:0 0 0 12px;border-bottom: 0}
.tab-y .tab .tab-nav li:nth-last-of-type(2) a{border-bottom: 0}
.tab-y .tab .tab-nav li.active:after{display:none;}
.tab-y .tab .tab-body {min-height:auto;border-radius:12px;margin:10px 0 0 0;padding:0 0 20px 0;}

.home-advantage .advl,.home-advantage .advr{height:auto;line-height:30px;padding:80px 20px;}
.home-advantage .advl strong,.home-advantage .advr strong{font-size:24px;margin-bottom:20px;}

.article .padding-large{padding:20px}
.article .post h1{font-size:24px;}
.article .post h2{font-size:20px;}
.article .post h3{font-size:18px;}

.carousel-news .media-body {padding:20px 10px;}
.carousel-news .owl-nav .owl-prev {left:10px;}
.carousel-news .owl-nav .owl-next {right:10px;}

.countUp .counter{font-size:36px;}
.countUp span{font-weight:normal;font-size:24px;}
.countUp p{line-height:24px;}

/* 标题样式 */
.title-c strong{font-size:24px;}

/* 时间拆分的新闻 */
.list-post-time .media{padding:5px 20px 8px 0px;margin:10px 0 0 0}
.list-post-time .date-list{padding:10px;margin-right:20px}
.list-post-time .media .date .f-day{font-size:36px;}
.list-post-time .media .date .f-day-list{font-size:36px;}
.list-post-time .media .date .f-year{font-size:16px;}
.list-post-time .media .date hr{width:20px;height:2px;margin-top:20px;background:#006FCD}
.list-post-time .media .media-body{margin-top:20px;}
.list-post-time .media .media-body strong a{font-size:18px;line-height:28px;}
/* .list-post-time .media a {color:#006FCD} */

.excerpt-x dl dt{width:100%;}
.excerpt-x dl dd {width:100%;}
.excerpt-x dl:nth-child(2n+0) dt .padding{padding:20px}
.excerpt-x dl:nth-child(2n+1) dt .padding{padding:20px}

.channel-banner {height:300px;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.channel-banner .banner-info {margin-top:150px;}
.channel-banner .banner-info strong{font-size:32px;}

/* 图文左右交X */
.about-pic-left dl dt {float:none;width:100%;}
.about-pic-left dl dd {float:none;width:100%;}
.about-pic-left dl dd .content{padding:10px;}
.about-pic-left dl dd .content strong{font-size:18px;margin-bottom: 20px}
.about-pic-left dl dd .content p{line-height: 28px;}
/* 图文左右交X */

/* 图文左右交X */
.about-pic-right dl dd {float:none;width:100%;}
.about-pic-right dl dt {float:none;width:100%;}
.about-pic-right dl dt .content{padding:10px;}
.about-pic-right dl dt .content strong{font-size:18px;margin-bottom: 20px}
.about-pic-right dl dt .content p{line-height: 28px;}
/* 图文左右交X */

.advantage .pic{padding-right:0%;}
.advantage .tit{position: relative;padding:20px;width:100%;}

.excerpt-dang dl:nth-child(2n+1) dt .padding-large{padding:40px}
.vision-background{background-position:center 50%;}

.linian .media-body strong{padding:10px 0;margin-bottom:20px}
.linian .media-body strong:before {width:30px;height:2px;}

footer{padding:0;background:#fff url(../images/bg_footer.png) no-repeat 0 0;}
footer ul{padding-left:10px}
footer ul li.block{float:none}
footer ul li.block-1,footer ul li.block-2,footer ul li.block-3,footer ul li.block-4,footer ul li.block-5,footer ul li.block-6{width:100%}
footer .copyright{margin:0 -10px;line-height:24px;border-top:0px solid #006FCD;text-align: center;padding:20px 0;background: #006FCD}

/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:16px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {width:30px;height:30px;line-height:32px;}
.owl-carousel .owl-nav .owl-prev {left:10px;}
.owl-carousel .owl-nav .owl-next {right:10px;}
/* owl-carousel滚动插件 end */
.project-home .media-img{margin-bottom:10px} 

.about-pic-down .content{padding:20px;right:0;left:10px;top:30px;bottom:30px;background: #0000ff;height: 100%}
.about-pic-down .content h2{font-size:24px;}

.history .item{padding:10px 0px;}
.history .item .hiscon{margin-top:50px;height: 200px;padding:20px;border-radius:20px;transition:all .3s;}
.history .owl-nav .owl-prev {left:-10px;}
.history .owl-nav .owl-next {right:-10px;}

/*移动底部导航 begin*/
.blank-bottom{height:50px;line-height:50px;clear:both; font-size:0;}
.bottom-bar{box-sizing:border-box; -webkit-box-sizing:border-box;display:block;}
.bottom-menu{height:50px; line-height:50px; border-right:1px solid #EB2C2F; box-sizing:border-box; -webkit-box-sizing:border-box;}
.bottom-menu:last-child{border-right:none;}
.bar-name a{display:block;padding:8px 0 0 0;line-height:20px;font-size:14px;}
.bar-name a i{font-size:16px;display:block;}
.bottom-menu-sub .arrow{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.bottom-menu-sub .downward{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid #FFF;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;}
/*移动底部导航 end*/
}
